<template>
  <view id="searchDraw">
    <view class="searchTop flex">
      <uni-icons @tap="goback" type="left" color="" size="24" />
      <view class="searchInput flex">
        <uni-icons type="search" color="#CCCCD3" size="24" />
        <input
          type="text"
          placeholder="请输入关键词"
          placeholder-style="font-size: 15px;color: rgb(204, 204, 211);" />
      </view>
      <view class="fs_18 searchBtn"> 搜索</view>
    </view>
  </view>
</template>

<script setup lang="ts">
const emit = defineEmits(["back"]); // 点击返回按钮
const goback = async () => {
  emit("back");
};
</script>

<style lang="scss" scoped>
#searchDraw {
  height: 100%;
  width: 100%;
  padding: 30px 20px;
  .searchTop {
    justify-content: space-between;
    .searchInput {
      width: 80%;
      padding: 0 20px;
      border-radius: 20px;
      /* 描边/灰5 */
      background: rgb(244, 244, 244);
      input {
        padding: 12px 10px;
        width: 100%;
      }
    }
    .searchBtn {
      color: #32966f;
    }
  }
}
</style>
